<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">

    <f:view contentType="text/html">

        <h:head>
            <f:facet name="first">
                <meta http-equiv="X-UA-Compatible" content="EmulateIE8" />
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>== TimeSystem Manager ==</title>
                <h:outputStylesheet library="css" name="stylesheet.css"/>
            </f:facet>
        </h:head>

        <h:body>

            <p:layout fullPage="true">

                <p:layoutUnit id="top" position="north" size="115" >
                    <h:graphicImage id="titulo" value="/resources/images/sistema_gerenciamento_atividades.png"/>                    
                    <h:graphicImage id="logo" value="/resources/images/system_manager.png"/>                    
                </p:layoutUnit>

                <p:layoutUnit id="bottom" position="south" size="60" style="bottom: 0px !important; ">
                    <div align="center">
                        <h:outputText id="copyright" value="© COPYRIGHT 2013 - TODOS OS DIREITOS RESERVADOS"/>
                    </div>
                </p:layoutUnit>

                <p:layoutUnit id="center" position="center" style="border:none !important">
                    <h:form>
                        <p:messages closable="true" autoUpdate="true"/>
                        <div align="center" class="div01">
                            <p:panel styleClass="panel">
                                <div align="center" class="div02">
                                    <h:panelGrid columns="2">
                                        <h:graphicImage value="/resources/images/key.png"/>
                                        <h:panelGroup>
                                            <h:panelGrid columns="1">
                                                <p:outputLabel for="itLogin" value="#{msg.usuarioLogin}" styleClass="label"/>
                                                <p:inputText id="itLogin" size="20" required="true" requiredMessage="#{msg.usuarioLogin}: #{msg.geralCampoObrigatorio}"/>
                                            </h:panelGrid>
                                            <h:panelGrid columns="1">
                                                <p:outputLabel for="itSenha" value="#{msg.usuarioSenha}" styleClass="label"/>
                                                <p:password id="itSenha" size="20" required="true" requiredMessage="#{msg.usuarioSenha}: #{msg.geralCampoObrigatorio}"/>
                                            </h:panelGrid>
                                        </h:panelGroup>    
                                    </h:panelGrid>
                                    <br/>
                                    <p:commandButton value="#{msg.geralEntrar}" 
                                                     action="/publico/template?faces-redirect=true" 
                                                     ajax="false" 
                                                     icon="ui-icon-check"/>
                                </div>
                            </p:panel>
                        </div>
                    </h:form>                    
                </p:layoutUnit>

            </p:layout>

        </h:body>

    </f:view>    

</html>

